<#escape x as x?html>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>班级管理界面</title>
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/icon.css">
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/claszmanage.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/share.js"></script>
    <style type="text/css" media="screen">
        .STYLE1 {color: #FF0000}

        .student-data {
            width: 387px;
            height: 356px;
            padding: 4px;
            float: left;
        }

        .teacher-data {
            width: 387px;
            height: 356px;
            padding: 4px;
            float: left;
        }
    </style>
</head>
<body>
<table id="claszDataGrid">
  <thead>  
    <tr>  
        <th field="name" data-options="align: 'center',width: 50,">名称</th>  
        <th field="type" width="40" data-options="align: 'center',width: 40,
        	formatter: function (value, row, index) {
                return classtype[value];
            }">班级类型</th>  
        <th field="createYear" data-options="align: 'center',width: 40,
        	formatter: function (value, row, index) {
                return value;
            }">年级</th>  
        <th field="operation" data-options="align: 'center',width: 100,
        	formatter: function (value, row, index){ 
        	return '<a class=\'up\' onclick=\'showOperateClaszDialog(&#34;' + '修改' + '&#34;, ' + index + ');\'>修改</a><a class=\'re\' onclick=\'showDeleteClaszDialog(' + index + ');\'>删除</a><a class=\'fp\' onclick=\'showManageStudentsDialog(' + index + ');\'>分配学生</a><a class=\'fp\' onclick=\'showManageTeachersDialog(' + index + ');\'>分配老师</a>';}">操作</th>  
    </tr>  
 </thead>  
</table>
    
<div id="tb" style="height:auto">  
        <div>  
            <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="showOperateClaszDialog('新增');">新增</a>  
            <a href="#" class="easyui-linkbutton" iconCls="icon-reload" plain="true" onclick="gridReload($('#claszDataGrid'));">刷新</a>  
	        <div style="display:inline;float:right;height:auto;padding-right:50px;line-height: 10px;">  
	            <span style="display:inline-block;margin:0px 10px;">名称:</span>   
	            <input id="sName" name="sName" type="text" style="width:80px;" > 
	            <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="searchClaszByName();">查询</a>  
	        </div>  
        </div>  
    </div>  
<div id="operateClaszDialog">
    <form id="addClaszForm" method="POST">
    <input type="hidden" id="id">
<table width="100%" cellspacing="1" cellpadding="4 1" style="text-align:center;">
	<tr>
		<td><span class="STYLE1">*</span>名称</td>
		<td><input id="name" name="name" maxlength="150"></td>
	</tr>
	<tr>
		<td><span class="STYLE1">*</span>班级类型</td>
		<td><input id="type" name="type" maxlength="150"></td>
	</tr>
	<tr>
		<td><span class="STYLE1">*</span>年级</td>
		<td><input id="createYear" name="createYear" maxlength="150"></td>
	</tr>
</table>
    </form>
</div>
<input id="currentClaszId" type="hidden">
<input id="currentClaszType" type="hidden">
<div id="manageStudentsDialog">
    <div class="student-data">
        <table id="studentsInClaszDataGrid"></table>
    </div>
    <div style="width: 20px;height:200px;float: left;margin-left:4px;padding-top: 140px;">
        <button class="easyui-button" style="width:30px;" onclick="removeStudentsFromCLasz();">>></button>
        <button class="easyui-button" style="width:30px;margin-top: 10px;" onclick="addStudentsToCLasz();"><<</button>
    </div>
    <div class="student-data" style="float:right">
        <table id="studentsOutClaszDataGrid"></table>
        <div id="tb-fs" style="height:auto">  
		        <div>  
			        <div>  
			            <span style="display:inline-block;margin:0px 10px;">姓名:</span>   
			            <input id="student_sName" name="student_sName" type="text" style="width:80px;" > 
			            <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="searchStudentByName();">快速筛选</a>  
			        </div>  
		        </div>  
		    </div>   
    </div>
</div>
<div id="manageTeachersDialog">
    <div class="teacher-data">
        <table id="teachersInClaszDataGrid"></table>
    </div>
    <div style="width: 20px;height:200px;float: left;margin-left:4px;padding-top: 140px;">
        <button class="easyui-button" style="width:30px;" onclick="removeTeachersFromCLasz();">>></button>
        <button class="easyui-button" style="width:30px;margin-top: 10px;" onclick="addTeachersToCLasz();"><<</button>
    </div>
    <div class="teacher-data" style="float:right">
        <table id="teachersNotInClaszDataGrid"></table>
        <div id="tb-ft" style="height:auto">  
		        <div>  
			        <div>  
			            <span style="display:inline-block;margin:0px 10px;">姓名:</span>   
			            <input id="teacher_sName" name="teacher_sName" type="text" style="width:80px;" > 
			            <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="searchTeacherByName();">快速筛选</a>  
			        </div>  
		        </div>  
		    </div>   
    </div>
</div>
</body>

</html>
</#escape>